﻿<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="robots" content="noindex,nofollow" />
    <link rel="stylesheet" href="index.css" />
    <title>思源物业通</title>
    <style>
      #android,
      #ios {
        display: none;
      }
      .app #link1,
      .app #link2 {
        background-color: #32b2a7;
        color: #fff;
        display: none;
      }
      .box {
        max-width: 980px;
        margin: 0 auto;
      }
      .logo {
        position: relative;
        z-index: 1;
      }
      .logo-text {
        position: relative;
        z-index: 1;
        float: right;
        font-size: 36px;
        font-weight: bold;
        line-height: 120px;
        color: #0060af;
      }
      .red {
        color: red;
        text-align: center;
        font-size: 14px;
      }
      .text-center {
        text-align: center;
      }
      .app-icon {
        border-radius: 10px;
        width: 100px;
      }
      .app-container {
        padding: 20px 0;
      }
      .app-name {
        font-size: 30px;
        font-weight: bold;
        color: #0060af;
      }
      .icons img {
        margin: 10px;
      }
      ul {
        list-style: none;
      }
      .version {
        padding: 10px;
        text-align: center;
      }
      .version li {
        margin-bottom: 10px;
      }
      .version a {
        color: #0060af;
        font-size: 16px;
        text-decoration: underline;
      }
      .copyright {
        background-color: #fff;
        width: 400px;
        position: fixed;
        bottom: 0;
        left: 50%;
        margin-left: -200px;
        font-size: 14px;
        color: #0060af;
        text-align: center;
        line-height: 40px;
        z-index: 11;
      }
      @media screen and (max-width: 768px) {
        .logo {
          width: 50%;
        }
        .logo-text {
          font-size: 18px;
          line-height: 55px;
          padding-right: 10px;
        }
        .app-icon {
          width: 80px;
          height: 80px;
        }
        .app-name {
          font-size: 24px;
        }
        .update {
          font-size: 16px;
        }
      }
    </style>
  </head>

  <body class="app">
    <span class="pattern left"><img src="download_pattern_left.png" /></span>
    <span class="pattern right"><img src="download_pattern_right.png" /></span>
    <div class="box">
      <img class="logo" src="img/logo.png" alt="" />
      <span class="logo-text">物业软件领先者</span>
    </div>
    <div class="red">下载前请先确认贵司使用的版本</div>

    <div class="out-container">
      <div class="main">
        <header>
          <div class="table-container">
            <div class="app-container text-center">
              <img class="app-icon" src="./icon.png" alt="" />
              <div class="app-name">思源物业通</div>
              <div class="icons">
                <img src="img/ios.png" alt="" width="40" />
                <img src="img/andorid.png" alt="" width="40" />
              </div>
              <ul class="version">
                {{appendVersion}}<li><a href="../wyt2.10.4/index.html">版本 2.10.4</a></li>
                <li>
                  <a href="../wyt2.10.3/index.html">版本 2.10.3</a>
                </li>
                <li>
                  <a href="../wyt2.10.1/index.html">版本 2.10.1</a>
                </li>
                <li>
                  <a href="../wyt2.10.0/index.html">版本 2.10.0</a>
                </li>
              </ul>
            </div>
          </div>
        </header>
      </div>
    </div>
    <div class="copyright">1994-2021 深圳市思源计算机软件股份有限公司</div>
    <script>
      var android = document.getElementById('android')
      var ios = document.getElementById('ios')
      var androidDownload = document.getElementById('link1')
      var iosDownload = document.getElementById('link2')
      var u = navigator.userAgent,
        app = navigator.appVersion
      var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 // Android
      if (isAndroid) {
        android.style.display = 'inline-block'
        androidDownload.style.display = 'inline-block'
      } else {
        ios.style.display = 'inline-block'
        iosDownload.style.display = 'inline-block'
      }
    </script>
  </body>
</html>
